<template>
	<div class="user">
		<avue-tabs :option="option" @change="handleChange"></avue-tabs>
		<userPassword></userPassword>
		<!-- <userPassword ></userPassword> -->
	</div>
</template>
<script>
import userPassword from "./password";

export default {
	name: "user",
	components: {
		userPassword
	},
	data() {
		return {
			type: this.$route.query.type || "password",
			option: {
				column: [
					// {
					//   label: '个人信息',
					//   type: 'info',
					// },
					{
						label: '修改密码',
						type: 'password',
					}
				]
			}
		};
	},
	methods: {
		handleChange(column) {
			this.type = column.type
		}
	}
};
</script>
<style lang="scss">
.user {
	width: 100%;
	height: 100%;
	padding: 1.85vh 1.3vw;
	text-align: center;
	.el-tabs__nav-wrap::after {
		background-color: #0e447c;
	}
	.el-tabs__item.is-top:last-child {
		padding-right:1.04vw;
	}

	.el-tabs__item {
		padding:0 1.04vw;
		font-size:0.83vw;
	}
}

</style>
